// pages/feedback/index.js
Page({

  data: {
    tabs: [
      {
        id: 0,
        value: "体验问题",
        isActive: true
      },
      {
        id: 1,
        value: "商品、商家投诉",
        isActive: false
      }
    ],
    // 图片
    imgs: [],
    // 文本域的值
    textVal: ""
  },

  // 外网的图片的路径数组
  UpLoadImgs: [],

  // tab 栏切换
  handleTapChange (e) {
    // console.log(e);
    const { index } = e.detail
    let { tabs } = this.data
    tabs.forEach(v => v.id === index ? v.isActive = true : v.isActive = false)
    this.setData({
      tabs
    })
  },

  // 点击 + 按钮，选择图片
  handleChooseImg () {
    wx.chooseImage({
      count: 9,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success: (result) => {
        // console.log(result);
        this.setData({
          imgs: [...this.data.imgs, ...result.tempFilePaths]
        })
      }
    });

  },

  // 删除图片
  handleRemoveImg (e) {
    // console.log(e);

    const { index } = e.currentTarget.dataset

    const { imgs } = this.data

    imgs.splice(index, 1)

    this.setData({
      imgs
    })
  },

  // 监听文本域输入的值
  handleInput (e) {
    this.setData({
      textVal: e.detail.value
    })
  },

  // 点击提交按钮
  handleSubmit () {
    const { textVal, imgs } = this.data
    // console.log(textVal);
    // 校验是否合法
    if (!textVal.trim()) {
      // 不合法
      wx.showToast({
        title: '输入内容不合法',
        icon: 'none',
        mask: true
      })
      return
    }
    // 验证通过  用户选择的图片上传到专门的图片的服务器  返回图片外网的链接

    wx.showLoading({
      title: "正在上传",
      mask: true,
    });

    // 判断是否有要上传的图片
    if (imgs.length) {

      // 遍历图片数组  挨个上传
      imgs.forEach((v, i) => {
        var upTask = wx.uploadFile({
          url: 'https://images.ac.cn/Home/Index/UploadAction/',
          filePath: v,
          name: "file",
          formData: {},
          success: (result) => {
            console.log(result);
            let url = JSON.parse(result.data).url

            this.UpLoadImgs.push(url)

            // 所有图片都上传后才触发
            if (i === imgs.length - 1) {
              wx.hideLoading();
              // 发起请求 把文本的内容和外网的图片数组 提交到后台中
              console.log("把文本的内容和外网的图片数组 提交到后台中");
              // 重置输入框
              this.setData({
                textVal: "",
                chooseImage: []
              })
              // 返回上一页
              wx.navigateBack({
                delta: 1
              });
            }
          }
        });
      })
    } else {
      wx.hideLoading();

      console.log("只是提交了文本");

      wx.navigateBack({
        delta: 1
      });
    }
  }

})